<!DOCTYPE html>
<html lang="Zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>春节贺卡</title>
    <link rel="stylesheet" href="./index.css">

</head>

<body>
    <!-- 音乐 -->
    <div class="music" id="music">
        <img src="imgs/music_1.png" alt="" id="music_oneimg" class="">
        <img src="imgs/music_2.png" alt="" id="music_twoimg" class="first">
    </div>
    <audio autoplay="true" id="audio">
            <source src="music/music.mp3" type="audio/mpeg">
    </audio>
    <!-- 第一张页面   -->
    <div class="page_one" id="page_one">
        <!-- 灯笼 -->
        <div class="p1_1">
            点击屏幕<br>开启新年好运
        </div>
        <!-- <img src="imgs/p1_lantern.png" alt="" id=> -->
        <!-- 小慕图 -->
        <img src="imgs/p1_imooc.png" alt="" id="p1_2">
        <p style=" font-size:25px;text-align:center;font-style:italic;color:red;">新年快乐</p>

    </div>
    <!-- 页面二 -->
    <div class="page_two" id="page_two">
        <div class="p2_1"></div>
        <div class="p2_2"></div>
        <div class="p2_3"></div>
        <img src="imgs/p2_2016.png" alt="" id="year">
    </div>
    <!-- 页面三 -->
    <div class="page_three" id="page_three">

        <div id="couplet_left"></div>
        <div id="couplet_right"></div>
        <div id="title"></div>
        <div id="bless"></div>
    </div>

    <script src="./index.js"></script>

</body>

</html>